<template>
  <view class="zk-logo" :widget="widgetModel" v-if="widgetModel">
    <x-logo :elementData="widgetModel.value"></x-logo>
  </view>
</template>

<script>

  import './var.scss'
  import './styles'


  import ala from 'ala'
export default {

    data () {
      return {
        widgetModel: {}
      }
    },
    props: {
      widget: {}
    },
    mounted () {
      this.init()
    },
    methods: {
      async init () {
        this.widgetModel = await this.$ala.themeWidget(this.widget)
      }
    }
  }
</script>
